@media screen and(min-width:1001px) {
  .main {
    flex: 1;
    display: flex;
    justify-content: center;

    background-color: #ccc;
    .main_box {
      flex: 1;
      display: flex;
      // margin-top: 30px;
      margin: 30px 20px 30px 20px;
      max-width: 1320px;
      justify-content: space-between;
      .left {
        display: flex;
        flex: 3;
        flex-direction: column;
        border-radius: 16px;
        background-color: #fff;
        margin-right: 15px;
        padding: 30px;
      }
      .register {
        display: flex;
        flex: 1;
        flex-direction: column;
        border-radius: 16px;
        background-color: #fff;
      }
    }
  }
}

@media screen and(max-width:1000px) {
  .main {
    flex: 1;
    display: flex;
    justify-content: center;
    background-color: #ccc;
    .main_box {
      flex: 1;
      display: flex;
      margin-top: 30px;
      max-width: 1320px;
      justify-content: space-between;
      margin: 30px 20px 30px 20px;
      .left {
        display: flex;
        flex: 1;
        flex-direction: column;
        border-radius: 16px;
        background-color: #fff;
        padding: 30px;
      }
      .register {
        display: none;
        flex: 1;
        flex-direction: column;
        border-radius: 16px;
        background-color: #fff;
      }
    }
  }
}
